/**通用**/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{margin:0;padding:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
  display:block;
}
body{font-size:12px;font-family: 'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;}
li{list-style:none;}
a{text-decoration:none;}

.clear:after{content:"";display:block;clear:both;overflow:hidden;height:0;visitible:hidden;}

/*顶部图片*/
#top{
  background:rgb(82, 3, 108);
  position:relative;
}
.header-top{
  display:block;
  width:1000px;
  height:100px;
  margin:0 auto;
}
.header-top img{
  width:100%;
  height:100px;
  display:block;
}
/*关闭按钮*/
.header-top span{
  position:absolute;
  right:70px;
  top:1px;
  display:block;
  width:28px;
  height:19px;
  cursor:pointer;
  color:white;
}

/**  main-top  fl  **/
.top-main{
  width:100%;
  height:160px;
}
.site-top{
  width:100%;
  border-bottom:1px solid #eeeeee;
  background:#f5f5f5;
}
.site-top .article{
  width:1190px;
  margin:0 auto;
  height:35px;
  line-height:35px;
}
/**左边*/
.fl{
  float:left;
  overflow:hidden;
  color:#999;
  font-size:12px;
}
.fl p{
  float:left;
}
.fl p span{
  margin-right:5px;
}
.fl p span:nth-of-type(1){
  i{
    display:block;
    width:15px;
    height:36px;
    float:left;
    background:url(../../images/icon_index.png) no-repeat  0px 10px
  }
}
.fl .fl-l span:nth-child(3) a{
  color:#CB351A;
}
.fl .fl-l a{
  color:#999;
}

/*悬停*/
.fl .fl-l a:hover{
  color:#CB351A;
}
/**fl-m*/
.fl-m{
  padding-left:10px;
  a{
    display:block;
    float:left;
    width:20px;
    height:36px;
    margin-right:3px;
  }
  a:nth-of-type(1){
    background:url(../../images/icon_index.png) no-repeat  -378px 10px
  }
  a:nth-of-type(2){
    background:url(../../images/icon_index.png) no-repeat  -414px 10px
  }
  a:nth-of-type(3){
    background:url(../../images/icon_index.png) no-repeat  -449px 10px
  }
  a:nth-of-type(4){
    background:url(../../images/icon_index.png) no-repeat  -485px 10px
  }
}
/**fl-r**/
.fl-r{
  padding-left:10px;
}

/*** fr **/
.fr{
  width:397px;
  float:right;
  line-height:35px;

  div:nth-child(1){
    display:inline-block;
    i{
      padding:3px 5px 3px 5px;
      background:url(../../images/icon_index.png) no-repeat scroll -86px 0px
    }
    ul{
      width:83.13px;
      position:absolute;
      left:-1px;
      top:36px;
      border:1px solid #cccccc;
      border-top:none;
      border-bottom:0;
      background:#fff;
      padding:0 0 0px 10px;
      position:absolute;
      left:-1px;
      top:36px;
      overflow:hidden;
      height:0;
      li{
        height:24px;
        line-height:24px;
      }
      li a:hover{
        color:#CB351A;
      }
    }
  }
  div:nth-child(1):hover{
    background:#fff;
    border:1px solid #cccccc;
    border-bottom:none;
    i{
      background:url(../../images/icon_index.png) no-repeat scroll -67px 0px
    }
    ul{
      height:126px;
      border-bottom:1px solid #cccccc;
      transition:all 0.3s;
      z-index:2;
    }
  }


  div:nth-last-child(1){
    i{
      padding:2px 7px 1px 6px;
      background:url(../../images/icon_index.png) no-repeat scroll -25px 3px
    }
    p{
      position:absolute;
      left:-152px;
      top: 34px;
      z-index:2;
      transition:all 0.3s;
      height:0;
      overflow:hidden;
      border:1px solid #cccccc;
      border-bottom:0;
      border-top:0;
    }
  }
  div:nth-last-child(1):hover{
    border:1px solid #cccccc;
    border-bottom:0;
    background:#fff;
    i{
      background:url(../../images/icon_index.png) no-repeat scroll -45px 3px
    }
    p{
      height:138px;
      border-bottom:1px solid #cccccc;
    }
  }


  div:nth-of-type(2){
    i{
      padding:2px 7px 1px 6px;
      background:url(../../images/icon_index.png) no-repeat  -66px -20px;
    }
  }
  div:nth-of-type(2):hover{
    i{
      background:url(../../images/icon_index.png) no-repeat  -44px -20px;
    }
  }

  div{
    position:relative;
    float:left;
    height:36px;
    padding:0 8px;
    font-size:12px;
    border:1px solid transparent;
    border-bottom:none;
    a{
      color:#999;
    }
  }
  div a:hover{
    color:#CB351A;
  }
  div:hover{
    color:#CB351A;
  }
  span{
    float:left;
    color:#ddd;
    padding:0 3px;
    font-size:12px;
  }
}

/***搜索框**/
.top-main .head-top{
  width:1190px;
  margin:0 auto;
}
.top-main .head-top .article{
  width:100%;
}
/*logo*/
.search{
  position:relative;
  width:625px;
  height:88px;
  padding:35px 0 0 355px;
  background:#fff;
  float:left;
  /*logo*/
  >a{
    display:block;
    position:absolute;
    width:300px;
    height:120px;
    left: 0;top:0;
    img{
      display:block;
    }
  }
  /*搜索框*/
  #search-form{
    width:650px;
    .text{
      float:left;
      width:400px;
      height:35px;
      line-height:35px;
      border:2px solid #cb1e00;
      text-indent:11px;
      outline:0;
      color:#cccccc;
    }
    .text:hover{
      border-color:green;
    }
    .sub{
      float:left;
      width:90px;
      height:39px;
      background:#cc1d00;
      font-size:16px;
      color:#fff;
      cursor:pointer;
      border:0;
      outline:0;
    }
  }
  /*热点**/
  p{
    width:423px;
    height:26px;
    line-height:26px;
    font-size:12px;
    color:#9a9a9a;
    overflow:hidden;
    text-align:left;
    float:left;
    a{
      color:#cccccc;
      padding:0 4px;
    }
    a:nth-of-type(1){
      color:red;
    }
    a:nth-of-type(2){
      color:red;
    }
  }
}
/** topAd */
.top-main .head-top  .topAd{
  float:right;
  width:200px;
  height:113px;
  img{
    width:200px;
    height:90px;
    margin-top:15px;
  }
}

/* nav  **/
.nav{
  width:1190px;
  margin:0 auto;
  line-height:36px;
  border-bottom:1px solid #000;
  .navMain{
    width:100%;

    .all{
      width:180px;
      text-align:center;
      font-size:15px;
      float:left;
      color:white;
      background:#CB351A;
    }

    /* ul */
    .nav-list{
      float:left;
      height:36px;
      position:relative;
      //首页
      li:nth-of-type(1){
        a{
          color:#CB351A;
        }
      }

      //整点抢
      li:nth-of-type(4){
        a{
          display:block;
          text-align:center;
          width:58px;
          height:36px;

          span{
            overflow:hidden;
            width:100%;
            height:100%;
            display:block;
            position:absolute;
            left:0;
            top:0;
          }
        }
      }
      /*新货*/
      li:nth-of-type(3){
        span{
          display:block;
          background:url(../../images/newN.png) no-repeat 0px 0;
          width:18px;
          height:18px;
          position:absolute;
          right:-5px;
          top: 0;
        }
      }
      /* H */
      li:nth-of-type(5){
        span{
          display:block;
          background:url(../../images/icon_index.png) no-repeat -107px 0;
          width:18px;
          height:18px;
          position:absolute;
          right:-5px;
          top: 0;
        }
      }
      /*  下划线  **/
      .uline{
        width:32px;
        left:0;
        position:absolute;
        height:3px;
        margin:0 12px;
        border-bottom:2px solid #c8391d;
        bottom:0;
        z-index:10;
        div{
          display:block;
          position:absolute;
          left:50%;
          top: 0;
          line-height:0;
          height:0;
          border-width:0 3px 3px;
          margin-left:-3px;
          border-color:#c8391d transparent;
          border-style:solid;
        }
      }


      li{
        float:left;
        height:36px;
        position:relative;

        a{
          padding:0 12px;
          font-size:16px;
          color:#666;
          b{
            width:100%;
            height:36px;
            display:block;
            font-weight:500;
            position:absolute;
            i{
              display:inline-block;
              font-style:normal;
              position:absolute;
            }
          }
          b:nth-of-type(1){
            left:0px;
            top:0;
          }
          b:nth-of-type(2){
            left:0px;
            top:36px;
          }
        }
      }
      li:hover{
        a{
          color:#CB351A;
        }
      }
    }

    /** nav-right */
    .nav-right{
      float:right;
      width:198px;
      height:34px;
      lint-height:34px;
      background:#f9f9f9;
      border:1px solid #e4e4e4;
      text-align:center;
      a{
        color:#7a7a7a;
        display:block;
        i{
          padding:3px 10px;
          margin-right:10px;
          background:url(../../images/icon_index.png) no-repeat -139px 1px;
        }
      }
    }

    .nav-right:hover{
      a{
        color:#c8391d;

      }
    }
  }
}
/**菜单栏**/
.menuBox{
  width:180px;
  margin:0;
  position:relative;
  z-index:20;
  .menuList{
    transition:height 0.5s;
    overflow:hidden;
    position:absolute;
    left:0;top:0px;
    width:180px;
    height:0px;
    background:#cb3e25;
    z-index:10;
    >li{
      background:#cb3e25;
      cursor:pointer;
      border-bottom:1px solid #b82f17;
      border-top:1px solid #da5a44;
      height:49px;
      line-height:20px;
      font-size:14px;
      padding:1.2px 0;
      color:#fff;

      i{
        background:url(../../images/icon_index.png) no-repeat;
        width:39px;
        height:49px;
        float:left;
        margin-right:10px;
        font-size:16px;
        text-align:right;
      }
      h3{
        margin-top:5px;
        font-weight:500;
        font-size:14px;
      }
      >p{
        >a{
          color:#eca598;
          font-size:12px;
          margin-right:5px;
        }
      }
    }
  }
}

.menuBox{
  li:nth-of-type(1) i{
    background-position:right -50px;
  }
  li:nth-of-type(2) i{
    background-position:right -92px;
  }
  li:nth-of-type(3) i{
    background-position:right -266px;
  }
  li:nth-of-type(4) i{
    background-position:right -134px;
  }
  li:nth-of-type(5) i{
    background-position:right -179px;
  }
  li:nth-of-type(6) i{
    background-position:right -223px;
  }
  li:nth-of-type(7) i{
    background-position:right -310px;
  }
  li:nth-of-type(8) i{
    background-position:right -394px;
  }
  li:nth-of-type(9) i{
    background-position:right -350px;
  }
}

/**** 菜单内容 ****/

.conBox{
  display:none;
  background:#fff;
  box-shadow:1px 0 2px #978d8d inset;
  height:456px;
  overflow:hidden;
  position:absolute;
  top: 0;
  width:400px;
  z-index:5;
  left:180px;
  opacity:0.5;
  padding:12px 8px 12px 0px;
  line-height:20px;
  p{
    border-bottom:1px dashed #ccc;
    padding-bottom:8px;
    margin-bottom:12px;
    strong{
      display:block;
      font-size:12px;
      height:22px;
      font-weight:bold;
      color:black;
    }
    a{
      margin-right:17px;
      display:inline-block;
      color:#666;
      cursor:pointer;
      font-size:12px;
    }
    a:hover{
      color:#eca598;
    }
  }
}
section{
  width:100%;
}
.main{
  width:1190px;
  margin:0 auto;
}
.topCon{
  color: #999;
  line-height: 50px;
  height: 50px;
  a{
    padding: 0px 5px;
    color: #666;
    cursor:pointer;
  }
  span{
    cursor:pointer;
  }
}
//<!--产品及其参数-->
.showGoods{
  margin-bottom: 20px;
  position: relative;
  .preview{
    float: left;
    width: 362px;
    position: relative;
    z-index: 11;

    .jqzoom{
      position: relative;
      padding: 0;
      width: 350px;
      height: 350px;
      border: 1px solid #ccc;
      img{
        height: 350px;
        width: 350px;
      }
      div{
        width:175px;
        height:175px;
        position:absolute;
        left: 0;
        top:0;
        border:1px solid #999;
        background:orange;
        opacity:0.3;
        z-index:10;
        display:none;
      }
    }

    .bigArea{
      width:400px;
      height:400px;
      position:absolute;
      left: 370px;
      top: 0;
      overflow:hidden;
      display:none;
      //background:red;
      border:1px solid #cccccc;
      z-index:999;
      img{
        width:800px;
        height:800px;
        //display:block;
        position:absolute;
      }
    }

    .spec-5{
      width: 354px;
      height: 56px;
      padding-top: 6px;
      overflow: hidden;
      .leftBt{
        background: url(../../images/mainCon.png) no-repeat;
        width: 18px;
        height: 54px;
        display: inline-block;
        background-position: -142px -116px;
        float: left;
        padding-right: 3px;
        cursor: pointer;
        margin-top: 0px;
      }
      .rightBt{
        background: url(../../images/mainCon.png) no-repeat;
        width: 18px;
        height: 54px;
        display: inline-block;
        background-position: -167px -116px;
        float: left;
        cursor: pointer;
        margin-top: 0px;
      }

      .spec-list{
        position: relative;
        width: 302px;
        margin-right: 8px;
        float: left;
        overflow: hidden;
        margin-left: 2px;
        display: inline;
        ul{
          width: 305px;
          overflow: hidden;
          li{
            float: left;
            margin-right: 0px;
            display: inline;
            width: 61px;
            img{
              padding: 2px;
              border: 1px solid #ccc;
              width: 50px;
              height: 50px;
            }
          }
        }
      }
    }

    .addBox{
      margin-top: 15px;
      height: 30px;
      div{
        height: 30px;
        line-height: 30px;
        text-align: center;
        color: #998675;
        float: left;
        background: url(../../images/scPng.png) no-repeat;
        padding-left: 20px;
        border: none;
        a{
          color: #998675;
        }
      }
    }

    .kf{
      line-height: 36px;
      color: #cc1d00;
      width: 260px;
      a{
        float: right;
        color: #cc1d00;
        cursor: pointer;
        i{
          display: block;
          float: left;
          width: 18px;
          height: 18px;
          background: #000;
          margin: 8px 5px 0 0;
          background: url(../../images/iconKf.png) no-repeat scroll -25px 0;
        }
      }
      >i{
        display: block;
        float: left;
        width: 12px;
        height: 17px;
        margin: 9px 5px 0 0;
        background: url(../../images/iconKf.png) no-repeat scroll 0 0;
      }
    }
  }

//<!--商品名-->
  .goodsName{
    width: 810px;
    float: right;
    padding-bottom: 8px;
    h1{
      font-size: 18px;
      color: #444;
      line-height: 1.5em;
      font-weight: 500;
      font{
        color: rgb(255, 0, 0);
        font-size: 18px;
        line-height: 1.5em;
      }
    }
    //span{
    //  font-size: 14px;
    //  color: #999;
    //  line-height: 1.5em;
    //}
  }

//<!--价格信息-->
  .goodsPay{
    margin-top: 10px;
    color: #666;
    margin-left: 18px;
    width: 610px;
    float: left;
    position: relative;
    ul{
      li{
        line-height: 30px;
        height: 30px;
        clear: both;
        font-family: "宋体";
        float: left;
        width: 100%;
        .dt{
          float: left;
          width: 72px;
          text-align: right;
          line-height: 30px;
        }
        .dd{
          float: left;
          line-height: 30px;
          width: 520px;
        }
      }
      li:nth-of-type(1){
        background: #f7f7f7;
        font{
          float: left;
          font-family: Verdana, Geneva, sans-serif;
          font-size: 18px;
          color: #cc1d00;
          font-weight: bold;
        }
        span{
          font-family: Verdana, Geneva, sans-serif;
          font-size: 18px;
          color: #de2507;
          font-weight: bold;
          padding-right: 5px;
          display: inline-block;
          float: left;
        }
        .iblock{
          display: inline-block;
          line-height: 18px;
          margin: 6px 0 0px 20px;
          color: #938DCD;
          font-size: 12px;
          em{
            font-style: normal;
            display: inline-block;
            text-align: center;
            vertical-align: top;
            color: #fff;
            background: #B3AFE1;
            padding: 0 4px;
            border-radius: 3px;
            margin-right: 5px;
          }
        }
      }
      li:nth-of-type(2){
        background: #f7f7f7;
        span{
          margin: 0;
          font-size: 12px;
          padding: 0;
          font-family: Verdana, Geneva, sans-serif;
          del{
            text-decoration: line-through;
          }
        }
      }

      li:nth-of-type(3){
        height: auto;
        line-height: 22px;
        padding-bottom: 6px;
        background: #f7f7f7;
        a{
          color: #fff;
          display: inline-block;
          padding: 0px 3px;
          background: #cc1d00;
          line-height: 20px;
          margin-right: 0px;
        }
      }

      li:nth-of-type(4){
        span{
          display: inline-block;
          padding-left: 12px;
          font-family: "宋体";
          color: #999;
          em{
            font-style: normal;
            color: #ff6d55;
            font-family: Verdana, Geneva, sans-serif;
            font-weight: 500;
          }
          i{
            font-style: normal;
            color: #999;
            font-size: 12px;
            padding-left: 15px;
          }
        }
      }

      li:nth-of-type(5){
        span{
          margin-right: 20px;
        }
      }

      form{
        li{
          padding-bottom: 8px;
          .dd{
            font-size: 0px;
            .left{
              display: inline-block;
              border: 1px solid #ddd;
              width: 20px;
              height: 24px;
              line-height: 24px;
              text-align: center;
              color: #666;
              font-weight: bold;
              text-decoration: none;
              font-size: 14px;
              vertical-align: middle;
            }
            .right{
              display: inline-block;
              border: 1px solid #ddd;
              width: 20px;
              height: 24px;
              line-height: 24px;
              text-align: center;
              color: #666;
              font-weight: bold;
              text-decoration: none;
              font-size: 14px;
              vertical-align: middle;
            }
            input{
              border: 1px solid #ddd;
              width: 40px;
              height: 24px;
              line-height: 24px;
              display: inline-block;
              text-align: center;
              font-size: 14px;
              vertical-align: middle;
            }

            span{
              color: #999;
              text-indent: 0px;
              padding: 0px 10px;
              vertical-align: middle;
              font-size:12px;
              float:none;
            }
            p{
              color: Red;
              padding-left: 15px;
              vertical-align: middle;
              display: inline-block;
            }
          }
        }
      }


    }

    .buyBt{
      margin-top: 10px;
      padding-left: 10px;
      span{
        padding-left: 0px;
        a{
          background: #cc1d00;
          font-size: 20px;
          color: #fff;
          font-weight: bold;
          width: 160px;
          height: 42px;
          line-height: 42px;
          display: inline-block;
          padding: 4px 10px;
          text-align: center;
          margin-right: 10px;
          text-decoration: none;
          font-family: "宋体",SimSun;
        }
      }
    }

    >p{
      clear: both;
      font-size: 12px;
      line-height: 24px;
      color: #666;
      padding-top: 10px;
      .sL{
        width: 70px;
        text-indent: 8px;
        float: left;
        display: inline-block;
      }
      .sR{
        width: 540px;
        float: left;
        display: inline-block;
        i{
          padding-right: 20px;
          font-style: normal;
          display: inline-block;
        }
      }

    }

    .bzBox{
      display: block;
      position: absolute;
      top: 0px;
      right: -200px;
      width: 175px;
      h3{
        width: 175px;
        height: 48px;
        text-indent: -9999px;
        margin-bottom: 10px;
        background: url(../../images/pro_20150518.png) no-repeat;
        font-size: 100%;
        font-weight: 500;
      }
      p{
        height: 30px;
        line-height: 30px;
        padding-left: 15px;
        color: #176ecb;
        width: 160px;
        overflow: hidden;
        i{
          width: 22px;
          height: 21px;
          margin-right: 5px;
          display: inline-block;
          vertical-align: middle;
        }
      }
      p:nth-of-type(1){
        i{
        background:url(../../images/mainCon.png) no-repeat -28px -116px;
        }
      }
      p:nth-of-type(2){
        i{
          background:url(../../images/mainCon.png) no-repeat -54px -116px;
        }
      }
      p:nth-of-type(3){
        i{
          background:url(../../images/mainCon.png) no-repeat -80px -116px;
        }
      }
    }
  }
}


/***footer****/
footer{
  background:#fff;
  .promise{
    border-top:1px solid #e4e4e4;
    padding:20px 0;
    border-bottom:1px solid #e4e4e4;
    width:100%;
    margin-top:0;
    .main-wrap{
      width:1190px;
      margin:0 auto;
      overflow:hidden;
      dl{
        padding-left:35px;
        width:215px;
        float:left;
        overflow:hidden;
        span{
          background:url(../../images/icon_index.png) no-repeat -58px -345px;
          display:block;
          float:left;
          width:45px;
          height:45px;
          margin-right:10px;
          font-size:12px;
        }
        dt{
          font-size:15px;
          font-weight:bold;
          line-height:24px;
          float:left;
          width:140px;
        }
        dd{
          line-height:22px;
          color:#666;
          float:left;
          width:140px;
          font-size:12px;
        }
      }
      dl:nth-of-type(2){
        width:245px;
        padding-left:0;
      }
      dl:nth-of-type(3){
        width:245px;
        padding-left:0;
      }
      dl:nth-of-type(4){
        width:245px;
        padding-left:0;
      }
      dl:nth-of-type(5){
        width:205px;
        padding-left:0;
      }
    }
  }


  .main-wrap{
    width:1190px;
    margin:0 auto;
    overflow:hidden;
    .forLink{
      padding:30px 45px;
      overflow:hidden;
      margin:0;
      dl{
        float:left;
        width:200px;
        font-size:12px;
        dt{
          font-weight:bold;
          font-size:15px;
          height:26px;
        }
        dd{
          line-height:20px;
          font-size:12px;
          cursor:pointer;
          color:#666;
          transition:all 0.5s;
        }
        dd:hover{
          color: #CB3415;
        }
      }
      .gouApp{
        float:left;
        text-align:center;
        h3{
          font-weight:bold;
          font-size:15px;
          height:26px;
          text-align:center;
        }
        img{
          width:95px;
          height:95px;
        }
      }
    }
  }


  .about{
    background:#fff;
    padding-bottom:15px;
    p{
      text-align:center;
      line-height:24px;
      font-size:12px;
      a{
        color:black;
        cursor:pointer;
      }
    }
    p:nth-of-type(2){
      margin-top:10px;
    }
    .abLink{
      height:35px;
      line-height:35px;
      background:#444851;
      overflow:hidden;
      a{
        color:#adadad;
        padding:0 17px;
        cursor:pointer;
        line-height:35px;
        text-align:center;
        transition:all 1s;
      }
      a:hover{

        color:#fff;
      }
      span{
        color:#555;
        font-size:12px;
        padding:0;
        line-height:35px;
        text-align:center;
      }
    }
    .newcor{
      width:990px;
      height:62px;
      margin:0 auto;
      padding-top:21px;
      text-align:center;
      overflow:hidden;
      a{
        color:#CB3415;
        img{
          display:inline-block;
          border:1px solid #ccc;
          height:60px;
          width:112px;
          margin:0 3px;
        }
      }
    }

  }
}



/****右边列表****/

.rightBox{
  position:fixed;
  height:100%;
  width:315px;
  right:-280px;
  top: 0px;
  z-index:999;
  .rightList{
    width:35px;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:#444851;
    /**顶部挂件*/
    .topImg{
      width: 55px;
      height: 75px;
      position: absolute;
      top: 5px;
      left: -12px;
      z-index: 20;
      background-size: 100%;
      img{
        width:75%;
      }
    }

    /**购物车**/
    .cart{
      width:35px;
      position:relative;
      top:15%;
      left:0px;
      a:nth-of-type(1){
        z-index: 1;
        position: relative;
        top: 0;
        left: 0px;
        display: block;
        line-height: 200px;
        width: 35px;
        height: 30px;
        margin: 5px 0;
        padding: 0;
        text-decoration: none;
        color: #d8d8d8;
        font-size: 12px;
        background-color: #444851;
        overflow: hidden;
        i{
          display: block;
          position: absolute;
          left: 0px;
          top: 0px;
          width: 35px;
          height: 30px;
          background: url(../../images/icon_index.png) no-repeat -2px -90px;
        }
      }
      a:nth-of-type(2){
        height: 133px;
        line-height: 16px;
        margin: 5px 0 5px;
        color: #fff;
        //background: #ca3619;
        z-index: 1;
        position: relative;
        top: 0;
        left: 0px;
        display: block;
        width: 35px;
        font-size: 12px;
        i{
          display: block;
          position: absolute;
          left: 0px;
          top: 0px;
          width: 35px;
          height: 30px;
          background: url(../../images/icon_index.png) no-repeat -3px -139px;
          line-height:16px;
        }
        .span{
          position:absolute;
          top:40px;
          left: 12px;
          display: block;
          width: 16px;
          height: 48px;
          cursor: pointer;
          color: #fff;
          line-height:16px;
        }
        span{
          display: block;
          width: 21px;
          height: 21px;
          position:absolute;
          left:7px;
          top:100px;
          text-align: center;
          line-height: 21px;
          background: #ca3619;
          border-radius: 50%;
          cursor: pointer;
          color: #fff;
        }
      }
    }
    .cart a:hover{
      background: #ca3619;
    }

    /*<!--列表-->*/
    .cart-list{
      top: auto;
      bottom: 0px;
      z-index: 2;
      position: absolute;
      height:283px;
      //top: 38%;
      left: 0;
      width: 35px;
      margin-top: -190px;
      background: #444851;
      ul{
        li:hover{
          background:#ca3619;
        }

        li{
          position:relative;
          >a{
            z-index: 1;
            position: relative;
            top: 0;
            left: 0px;
            display: block;
            line-height: 200px;
            width: 35px;
            height: 30px;
            margin: 5px 0;
            padding: 0;
            text-decoration: none;
            color: #d8d8d8;
            font-size: 12px;
            background-color: #444851;
            overflow: hidden;
            i{
              display: block;
              position: absolute;
              left: 0px;
              top: 0px;
              width: 35px;
              height: 30px;
              background: url(../../images/icon_index.png) no-repeat -2px -233px;
            }
          }
          .chu{
            //transition:all 0.5s;
            position: absolute;
            left: 0px;
            top:0;
            width: 0px;
            overflow: hidden;
            white-space: nowrap;
            line-height: 30px;
            text-align: center;
            font-size: 12px;
            color: #fff;
            //background: #444851;
            a{
              display: block;
              height: 100%;
              padding: 0px;
              margin: 0px;
              line-height: 30px;
              color: #fff;
              z-index: 1;
              position: relative;
              top: 0;
              left: 0px;
              width: 100%;
              font-size: 12px;
              background-color: #444851;
              overflow: hidden;
            }
          }
        }

        li:nth-of-type(3){
          >a{
            i{
              background-position: -3px -278px;
            }
          }
        }
        li:nth-of-type(4){
          >a{
            i{
              background-position: -2px -314px;
            }
          }
          .chu{
            top:-40px;
            height:125px;
          }
        }
        li:nth-of-type(5){
          >a{
            i{
              background-position: -2px -350px;
            }
          }
        }

        li:nth-of-type(6){
          >a{
            i{
              background-position: -2px -390px;
            }
          }
        }

        li:hover >a:nth-of-type(1){
          background:#ca3619;
        }


        li:nth-of-type(1):hover a:nth-of-type(2){
          background-color:#ca3619;
        }
        li:nth-of-type(1):hover a:nth-of-type(2) .kkf{
          background:url(../../images/icon_index.png) no-repeat -2px -425px;
        }

        li:nth-of-type(1):hover .kftc a{
          background: #444851;
        }
        li:nth-of-type(1){
          position:relative;
          >a{
            z-index:1;
            position:relative;
            top:0;
            left:0px;
            display:block;
            line-height:200px;
            width:35px;
            height:30px;
            margin:5px 0;
            padding:0;
            text-decoration:none;
            color:#d8d8d8;
            font-size:12px;
            background-color:#444851;
            overflow:hidden;
            margin-bottom:0;
            padding-bottom:0;
            margin-top:-5px;
          }
          >a:nth-of-type(1){
            i{
              display:block;
              position:absolute;
              left:0px;
              top:0px;
              width:35px;
              height:30px;
              background:url(../../images/wxIcon_white.png) no-repeat center;
            }
          }
          >a:nth-of-type(2){
            i{
              display:block;
              position:absolute;
              left:0px;
              top:0px;
              width:35px;
              height:30px;
              background:url(../../images/icon_index.png) no-repeat -1px -191px;
            }
          }
          div{
            color:#fff;
            text-align:center;
            padding-bottom:5px;
            margin-top:0px;
            font-size:12px;
          }

          /**弹窗*/
          .kftc{
            bottom:0;
            position: absolute;
            left: 0px;
            width: 0px;
            overflow: hidden;
            white-space: nowrap;
            line-height: 30px;
            text-align: center;
            font-size: 12px;
            color: #fff;
            background: #444851;
            height:202px;
            .tactusImg{
              height:170px;
              .close{
                display: block;
                position: absolute;
                right: 0px;
                top: 0px;
                width: 14%;
                height: 16%;
                background: rgba(255,255,255,0);
                cursor: pointer;
                z-index: 20;
              }
              .loginBefore{
                display:block;
                margin: 0;
                font-size: 12px;
                padding: 0;
                font-family: Arial, Helvetica, sans-serif;
                a{
                  position: absolute;
                  left: 18%;
                  top: 55%;
                  width: 50%;
                  height: 10%;
                  background: url(../../images/icon_index.png) no-repeat -10000px 0;
                  padding: 0px;
                  margin: 0px;
                  line-height: 30px;
                  em{
                    height: 18px;
                    line-height: 18px;
                    margin-top: -9px;
                    width: 44px;
                    position: absolute;
                    display: block;
                    margin-left: 0;
                    top: 50%;
                    left: 55px;
                    font-size: 12px;
                    text-align: center;
                    background: #a2e65b;
                    border-radius: 4px;
                    color: #fff;
                  }
                }
                img{
                  width: 210.492px;
                }
              }
            }
            .tactus{
              width: 255px;
              overflow: hidden;
              //padding: 0px 0 5px 10px;
              background: #444851;
              text-align: center;
              a{
                display: block;
                width: 190.492px;
                height: 28px;
                margin: 0;
                line-height: 28px;
                font-size: 14px;
                background: #444851 url(../../images/icon_index.png) no-repeat  -568px -20px;
                padding-left: 10px;
                padding-top: 6px;
                color:white;
              }
            }
          }
        }

      }
    }
  }
}


.rightBox{
  .rightCon{
    width:280px;
    position:absolute;
    right:0;
    background:#ddd;
    height:100%;
    overflow:hidden;
    .nopublic{
      height:100%;
      width:100%;
      background:#ddd;
      overflow-x:hidden;
      position:relative;
      .nothing{
        position:relative;
        top:40%;
        height:250px;
        width:220px;
        margin:-220px auto 0;
        color:#999;
        font-size:14px;
        text-align:center;
        .noicon{
          background:url(../../images/cartshop.png) no-repeat center center;
          width:220px;
          height:220px;
        }
        a{
          font-size:16px;
          line-height:40px;
        }
      }
      .newCon{
        margin-bottom:1px;
        width:280px;
        height:70px;
        position:relative;
        background:#fff;
        overflow:hidden;
        font-size:12px;
        img{
          display:block;
          float:left;
          width:70px;
          height:70px;
        }
        a{
          display:block;
          width:210px;
          height:40px;
          line-height:20px;
          float:left;
          overflow:hidden;
          color:#999;
        }
        p{
          position:absolute;
          right:104px;
          top:45px;
          color:#ca3619;
        }
        div{
          position:absolute;
          right:30px;
          top: 45px;
          color:#999;
        }
      }

    }
    .goodsBtn{
      position:absolute;
      bottom:0;
      right:0;
      width:280px;
      a{
        display:block;
        width:150px;
        margin:0 auto;
        height:40px;
        font-size:16px;
        line-height:40px;
        background:#ca3619;
        color:white;
        font-weight:900;
        text-align:center;
      }
    }
  }
}